Vue Element校验validate的实例
官方文档限制输入指定类型添加type限制即可，type包括以下值：例子：rules: { bannerType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的...
2024-01-10
【element-ui】element-ui升级
我把公司项目element ui从2.0.8升级到了2.12.0但是el-table中expand一点就卡死浏览器，也没有一点的提示。有人遇到过这问题没？回答：我看官网的2.12.0是没问题的，是不是因为你自己的逻辑出了问题，要不先把官网的demo粘下来看看能不能运行？回答：vue版本升级一下到2.6试试看回答：我已经升级到了最...
2024-01-10
vue-cli3.x+element后台管理系统
hlvy后端管理系统改系统采用vue+element+axios+vue-router等github地址: https://github.com/heng1234/vuePro在线展示地址:https://heng1234.github.io/vuePro/hlvy/QQ群:553997290使用git下载项目:1、 git clone [email protected]:heng1234/vuePro.git2、 cd vuePro3、 #使用npm下载依赖包 npm install ...
2024-01-10
Vue-cli 4 配置 element-ui 按需加载
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1 node与vue的版本情况#2 未按需加载打包后的文件情况由上图看出，只是引入了 element-ui 框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。e...
2024-01-10
【element-ui】element-ui 实现类似问卷的功能
代码像这样 <div style="margin-top:3%" v-for="(challenge,i) in Challenge" :key="i"> <el-card style="margin-left:10%;margin-right:10%"> <div slot="header" class="clearfix"> <span>题目: {{ challenge.title }}</span> </div> ...
2024-01-10
浅谈Vue Element中Select下拉框选取值的问题
之前写了.一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。html：<el-select v-model="ite" placeholder="请选择" value-key="mateGroup"> <el-option style="width: auto" :disabled="true" :value="null"> <span style="float:...
2024-01-10
【Vue】element tooltip 如何只显示一个？
组件文档： https://element.eleme.io/#/zh...当一个页面有多个 tooltip 时，切换tooltip会造成页面多个tooltip， 这样视觉很不友好，能不能只显示一个？如何做到像fastadmin这样，始终只显示一个 tooltip ?回答...
2024-01-10element-ui中的select下拉列表设置默认值方法
element-ui中的select下拉列表如何设置默认值？在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来那如何修改呢？上element-ui中的代码片段<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.val...
2024-01-10
vue element ui树形结构table级联选择问题
一个树形结构table，想勾选子级的时候父级的选择框被半勾选上，像全选框那样，子级选中父级被勾选上的操作已经实现，应该如何修改成半选，感谢各位 <el-table ref="multipleTable" :data="helpData" :header-cell-style="{ 'text-align': 'center' }" :...
2024-02-17
【JS】Element DatePicker设置动态日期范围
首页专栏javascript文章详情0Element DatePicker设置动态日期范围John Wang发布于 今天 04:21 Element DatePicker 设置动态日期范围业务需求：查询数据量过大需要对日期范围进行限制，数据量随时间的增长不断变化，日期范围也需要相应改变，所以将范围改为动态，后端返回最大限制时间或前端使用配置...
2024-01-10
【element-ui】elementUI，穿梭框，调节宽度
由于显示的了内容太长，穿梭框中的内容显示不全，不知道能不能把宽度调宽一点，或者当鼠标放到某行的时候，此行内容显示完全。 1、是否可以将宽度条调宽2、是否可以变成下图这个样子（当鼠标放上去的时候，剩余内容显示完全）感谢！回答：1、可以将宽度调宽。ElementUI的样式是可以被覆盖...
2024-01-10
【element-ui】element-ui的表单验证的问题
现在只要按登陆，两个表单都会去验证，怎样才能做到只有第一个表单通过检查后，再去验证第二个表单？回答：自定义校验规则。https://element.eleme.cn/#/zh... 用 validateField 进行部分校验。通过，再校验密码。回答：this.$refs['formFirst'].validate((validFirst) => { if (validFirst){ this.$refs['formSecond'].validate...
2024-01-10
vue项目中将element-ui table表格写成组件
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容： 1 <el-table :data="tableData" border size="mini" fit highlight-current-row height="500"> 2 <el-table-column type="index" align="center" fixed></el-table-column> 3 <el-table-...
2024-01-10
【element-ui】element NavMenu导航菜单的使用
我自己使用element NavMenu导航菜单时，点击子菜单时会闪烁，并且再重新打开子菜单，但是我看vue-element-admin这个项目的使用，当重新导航到另一个子路由时，是不会出现闪烁和重新打开子菜单，这是如何实现的回答：自己找到答案了，是因为给app中的路由出口router-view设置了一个独一无二的key导致的...
2024-01-10
【element-ui】elementUI 表格无数据时 鼠标悬停报错
elementUI 表格无数据时 鼠标悬停报错Uncaught DOMException Failed to execute setEnd on Range There is no child at offset 1.回答：这是因为你的数据源中不存在表格中定义的字段，把element升级到2.3.9及以上就可以了...
2024-01-10详解使用element-ui table组件的筛选功能的一个小坑
使用element-ui table组件的筛选功能的一个小坑使用自定义模板和筛选功能，一开始的代码 <el-table-column v-if="key==='isShow'" label="是否在发现页展示" :filters="[{text:'已展示',value: true},{text: '未展示', value: false}]" :filter-method="filterShow"> <template slot-scope="scope"> <el-tag ...
2024-01-10
【Vue】element 怎么去控制每一行的 switch 状态
怎么根据后端返回值 去控制每一行的状态？ 主要是怎么控制每一行？ 直接写scope.row.on 报错scope，拿不到 this.$get('/api/shop', this.getDate).then(res => {console.log(this.scope); //undefinedconsole.log(scope); //scope is not defined}<el-table-column width="200%" label="状态" class="switch...
2024-01-10
element-ui 中 el-select 组件 如何设置元素不同颜色
黄色报警选中后变成黄色红色报警选中后变成红色回答：给你写个简单列子吧主要就是用css实现的html代码2022年3月6日18:15:01通过官方文档发现有个name属性:name="'my-select-' + value"可以给select的input加上name属性<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"...
2024-02-26
【element-ui】el-tree节点点击时阻止其选中
element-ui里面的el-tree组件，节点一点击它就选中了，怎么能在节点点击时满足一定条件才让此节点选中?节点一点击就加上了is-current这个类,根据这个类设置的选中样式,现在不能它一点击就选中该怎么做呢?求大神解答回答：项目一直用的2.9.1版本，里面也有setCurrentKey(null)方法，不过setCurrentKey(null)并不...
2024-01-10
【element-ui】el-table 这种多级表头该如何实现？
姓名 和 电话 是表头。求指教回答：你可以查看element-ui的文档，table表格是有这种支持的，只需要在 el-table-column 里面嵌套 el-table-column，就可以实现多级表头。<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="150"></el-table-column> <el-table-column lab...
2024-01-10
VUE element-ui 组件 el-tree 默认选中渲染问题
用element-ui <el-tree> 做一个多级选择, 进行修改的时候默认选中状态,第一次能正确加载.当换行修改其他行时,弹出对话框,第二次不能加载,求大神指点?其中 defaultDate: 是页面加载的时候通过created函数渲染的HTML<el-form-item prop="typeList" label="问题类型"> <el-tree show-checkbox default-expand-all re...
2024-01-10
简单的后台管理系统vue-cli3.0+element-ui
前段时间在研究一个分发系统，发现vue-cli+element-ui好像是挺不错的，然后自己根据那个分发系统尝试搭建了一下1、首先安装vue和vue-cli// 全局安装vuenpm install -g vue// 全局安装vue-clinpm install -g @vue/cli2、创建项目（建议自定义安装，选择安装less、router、vuex等内容）// 创建项目vue create test3、继续安...
2024-01-10
【element-ui】elementUI为什么总是多一个选择文件？
多了一个选择文件的按钮 用的官网的代码却跟官网的样式不一样 查看控制台显示有一行这个代码我设置了.el-upload__input{display: none;}却还是显示 这个怎么回事？用的就是这个第一个例子http://element-cn.eleme.io/#/...<input type="file" name="file" multiple="multiple" class="el-upload__input">回答：你用了别人的组件，为啥还...
2024-01-10
vue-cli搭建的项目引用elementui 的 table 时不显示的问题
使用vue-cli搭建的项目，安装了 elementui ，如下图：也已经在main.js中引入了，如下图：自己新建一个 table.vue 的组件，代码都是按照官网拷贝下来的，如下图：也配置了路由，如下图：app.vue的主文件中代码如下图：页面中的效果，如下图：问题：为什么 elementui 中的table没有加载出来呢？table.vue中的按钮...
2024-01-10
